<html>

<head>
    <link rel="stylesheet" type="text/css" href="../src/flowjs.css"></s>
    <link rel="stylesheet" type="text/css" href="../src/flowjs.icon.css"></s>
    <style type="text/css">
        .left {
            float: left;
            height: 100%;
            width: 20%;
        }

        html,
        body,
        #paper {
            height: 100%;
            width: 100%;
        }

        #paper {
            position: absolute;
            top: 0;
        }

        .joint-theme-black {
            background-color: #1f2932;
        }

        .joint-theme-white {
            background-color: #f5f5f5;
        }

        p {
            margin: 50px 0;
        }

        .menu {
            width: 200px;
            height: 100%;
            position: absolute;
        }

        .content {
            width: calc(100% - 200px);
            height: 100%;
            position: absolute;
            left: 200px;
        }
        .stage {
            cursor: auto;
        }
        .hide {
            display: none;
        }
    </style>
</head>

<body>

    <div class="menu ">
        <ul>
            <li class="stage" draggable="true">New Source 1</li>
            <li class="stage" draggable="true">New Source 2</li>
            <li class="stage" draggable="true">New Source 3</li>
        </ul>
    </div>
    <div class="content ">
        <div id="paper" class="paper"></div>
    </div>
<button style="position: absolute;top:100px">重排</button>
    <!-- <iframe src="http://10.122.4.14:3030" width=100% height=100%></iframe> -->
</body>

</html>